import { Button, InputNumber, Modal, Radio, Space, Table } from 'antd';
import { useState, useEffect, useRef } from 'react'

export default function RadiusComponent(props) {

    return <Space>
        <Radio.Group size='small' value={props.radius} onChange={e => {
            props.onChange?.(e.target.value)
        }} buttonStyle="solid">
            <Radio.Button value={5}>5km</Radio.Button>
            <Radio.Button value={10}>10km</Radio.Button>
            <Radio.Button value={15}>15km</Radio.Button>
            {/* <Radio.Button value={20}>20km</Radio.Button> */}
        </Radio.Group>

        <InputNumber size='small' placeholder='其它数值' addonAfter={"km"} style={{
            width: 120
        }} onChange={value => {
            props.onChange?.(value)
        }} />
    </Space>
}
